"use client"

import Link from "next/link"
import { Button } from "@/components/ui/button"
import { useLanguage } from "@/context/language-context"

export function CtaSection() {
  const { dictionary } = useLanguage()

  return (
    <section className="py-12 md:py-20 bg-gradient-to-r from-purple-600 to-pink-600 text-white text-center">
      <div className="container mx-auto px-4 md:px-6 space-y-6">
        <h2 className="text-3xl md:text-4xl font-bold">{dictionary.ctaTitle}</h2>
        <p className="text-lg md:text-xl max-w-3xl mx-auto">{dictionary.ctaDescription}</p>
        <Button
          asChild
          className="bg-white text-purple-600 hover:bg-gray-100 dark:bg-gray-900 dark:text-white dark:hover:bg-gray-700"
        >
          <Link href="/collections">{dictionary.ctaButton}</Link>
        </Button>
      </div>
    </section>
  )
}
